﻿/*
	Base-css file
	(c) ArtVisio 2004-2011
	Including reset.css from css framework Blueprint
	and 	960 Grid System ~ Core CSS.
*/

/*  Blueprint CSS Framework 0.8 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
.inline { display: inline !important; }
.hide { display: none; }
.hand { cursor: pointer;}
.show, .block { display: block; }
.auto{margin:auto;}
.clear{clear:both;}
body { background:#fff; }

/* Fonts */
body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, acronym, address, code, del, dfn,
em, q, dl, dt, dd, ol, li, fieldset, label, legend,
caption, tr, th, td {
	line-height:1.5;
	font-size:13px;
	 color: #333333;
	font-family:Arial, Verdana, Arial, sans-serif;
}
h1 {
	color:#CC945E;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 150%;
	font-weight: normal;
	line-height: 0.6em;
	margin: 0 0 18px;
	font-style:italic;
}
h2, h2 span {
	color: #6F6F6F;
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 10px;
}
h2 span {color:#CC945E;}
h3 {
	font-size:16px;
	margin-bottom:0.5em;
}
h4 {
	font-size: 14px;
	font-weight: bold;
}
h5 {font-size:1em;font-weight:bold;margin-bottom:0.3em;}
h6 {font-size:0,8em;font-weight:bold;  color: #ed1c31;}

.grey { color: #818181;}
.red {color:#ED1E79;}
.nowrap,
.nowrap a { white-space: nowrap !important;}
.big { font-size:18px; line-height:1;}
.small { font-size:10px;}
 p {
	margin-bottom: 18px; 
	line-height:18px;
 }

/* Links */
a { 
	text-decoration: underline; 
	color: #0099CC;
}
a:hover { text-decoration: none;  }
a.script, a.local { text-decoration: none; border-bottom: 1px dashed #0099CC !important; border-width: 0px 0px 1px 0px; }

/* Images */
a img { border: none; }
/* Tables */
table {
	border-collapse: collapse;
	border: 0px;
	width:100%;
}
table td {
	padding: 0px;
	vertical-align: top;
}
table.no, table.no td, table.no th, .no { border: none !important; background: none !important;}
.bred { border: 1px solid red !important; }
.bbred, table.bbred td, table.bbred th { border: 1px solid red !important; }
.bbno { border: none !important; }
table.p0 td, table.p0 th, td.p0, th.p0, div.p0 { padding: 0px !important; }
table.p5 td, table.p5 th, td.p5, th.p5, div.p5 { padding: 5px !important; }
table.p10 td, table.p10 th, td.p10, th.p10, div.p10 { padding: 10px; }
/* List */
ul, ol li ul {
	list-style-position: intside;
	margin: 0;
	list-style:none;
	margin-bottom:8px;
}
/* Separator */
hr {
	border: 1px dotted #ccc;
	border-width: 1px 0px 0px 0px;
	background-color: none;
	height: 1px;
	margin:18px 0;
}
/* Position */
.c { text-align: center !important; }
.r { text-align: right !important; }
.l { text-align: left !important; }
.t { vertical-align: top !important; }
.m { vertical-align: middle !important; }
.b { vertical-align: bottom !important; }
.fleft { float: left; }
.fright {float: right;}
.ml {margin-left:42px;}


/* Dimensions */
.h100p { height: 100% !important; }
.w100p { width: 100% !important; }
/* SITE */
.wrapper {
	width:980px;
	margin:auto;
}
.content,
.content p,
.content div,
.content a,
.content span,
.content td,
.content th {line-height:18px;}
.header b {color: #4e4e4e;}
.header {
	height:54px;
	background: url('../i/02.gif') repeat 0 0;
	padding-top:4px;
}
.header b.tab,
.header a.tab {
	background-color:#fff;
	padding:7px 39px 9px;
	margin:13px 21px 0 0;
	display:inline-block;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	font-family:Georgia, serif;
	font-style:italic;
	font-size:24px;
	font-weight:normal;
	border:1px solid #fff;
	border-width:1px 1px 0 1px;
	color:#6f6f6f;
	text-shadow: 0px 1px 0 #fff;
}
 .header a.tab {
	background: #fff url('../i/01.gif') repeat-x 0 bottom;
	opacity:0.7;
 }
.mainnav {
	background-color:#F2F2F2;
	height:26px;
	margin-bottom:18px;
}
.mainnav table th {width:20%; padding:0 2px;}
.mainnav table th b {
	background-color:#E0DACD;
	padding:4px 12px;
	display:block;
	-moz-border-radius: 12px;
	 -webkit-border-radius: 12px;
	 border-radius: 12px;
	-moz-box-shadow: inset  1px 1px 0px #cdc5b3;
	 -webkit-box-shadow: inset  1px 1px 0px #cdc5b3;
	 box-shadow: inset  1px 1px 0px #cdc5b3;
}
.mainnav table th a {
	padding:4px 12px;
	display:block;
}
.mainnav table th a:hover {
	background-color:#eae8e2;
	-moz-border-radius: 12px;
}
.mainnav table th b,
.mainnav table th a {
	font-family:Georgia, serif;
	font-style:italic;
	font-size:12px;
	font-weight:normal;
}
.content {
	padding:25px 0 36px 0;
}
.del {color:#a7b7bd !important;}
.action {margin-right:14px; color:#589db4;}
.details table {
	width:330px !important;
	margin-top:-18px;
 }
.details th {
	text-align:left;
	color:#B3B3B3;
}
.procent {
	background-color:#F2F2F2;
	height:10px;
	margin:4px 0;
	-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
}
.procent div {
	background-color:#8FCCF2;
	height:10px;
		-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
}
.end {
	clear:both;
	height:36px;
	 margin-bottom:36px;
}
.mysql-item span {font-size:16px;}
.mysql-detals hr {
	margin:0;
	border: 1px solid #f4f4f4;
	border-width: 1px 0px 0px 0px;
}
.mysql-item { width:180px; float:left; margin:  9px 10px 9px 0;}
.footer {
	height:100px;
	background: url('../i/02.gif') repeat 0 0;
}
.vps-custom td {
	padding:0 30px 10px 0;
}
.vps-custom {border-bottom: 1px dotted #ccc; margin-bottom:10px;}